<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>筛选列表</title>
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 这meta的作用就是删除默认的苹果工具栏和菜单栏允许全屏模式浏览-->
    <meta name="apple-touch-fullscreen" content="yes"><!-- 开启对web app程序的支持  -->
    <meta content="telephone=no,email=no" name="format-detection"><!-- iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号！telephone=no就忽略页面中的数字识别为电话号码 ,email=no 忽略识别邮箱 -->
    <!--base css-->
    <link rel="stylesheet" href="CSS/reset.css"/>
    <link rel="stylesheet" href="CSS/index.css"/>
    <link rel="stylesheet" href="FONT/iconfont.css"/>
    <!--base css end-->
    <!--base js-->
    <!--<meta content="yes" name="apple-mobile-web-app-capable">-->
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <script>
        window.scrollTo(0, 0);
    </script>
    <style>
        /*html,body{height:100%;overflow:hidden;}*/

    </style>
    <!--<meta content="yes" name="apple-mobile-web-app-capable"> end-->
    <script src="JS/reset.js"></script>
    <script src="JS/jquery.min.js"></script>
    <script src="JS/zepto.min.js"></script>
    <script src="JS/TouchSlide.js"></script>
    <script src="JS/notice.js"></script>
    <script src="JS/screen.js"></script>
    <script src="JS/back.js"></script>
    <!--base js end-->
    <!--no base js-->
    <script src="JS/shaixuannav.js"></script>
    <script src="JS/stickUp.js"></script>
    <!--no base js end-->

</head>
<body>
<!--wapper-->
<div class="wapper">
    <!--header-->
    <div class="header">
        <div class="header-list bag-1462c4">
            <div class="p-l-25 p-r-25 relative text-center f33">
                <a href="javascript:history.go(-1)" class="block"><i class="icon iconfont f-b">&#xe643;</i></a>
                <a href="{:U('Index/member')}" class="home"><i class="icon iconfont">&#xe661;</i></a>
                <a href="javascript:;" class="text-fff">筛选列表</a>
            </div>
        </div>
    </div>
    <!--header end-->
    <!--content-->
    <div class="content">
        <!--筛选 选择-->
        <div class="shaixuan-list">
            <!--list-->
            <!-- screening -->
            <div class="screening b-b-e6e6e6">
                <ul class="p-t-23 p-b-23">
                    <li class="Regional sactive"><a href="javascript:;"><i><span>区域</span></i></a></li>
                    <li class="Brand"><a href="javascript:;"><i><span>价格</span></i></a></li>
                    <li class="Sort"><a href="javascript:;"><i><span>户型</span></i></a></li>
                    <li class="meishi"><a href="javascript:;"><i><span>更多</span></i></a></li>
                </ul>
            </div>
            <!-- End screening -->
            <!-- grade -->
            <div class="grade-eject">
                <?php
                    $yiji['model_id']=1;
                    $yiji['parent_id']=0;
                    $yinav = M('term')->where($yiji)->select();
                ?>
                <!-- 一级 -->
                <ul class="grade-w yiji" id="gradew">
                    {volist name="yinav" id="data"}
                    <li class="yijinav" data-yi="{$data.id}">{$data.name}<span><img src="images/you.png" alt="" class="shaixuanimg"/></span></li>
                    {/volist}
                </ul>
                <script>
                $(".yijinav").click(function(){
                       var id=$(this).data('yi');
                      $.post("{:U('Index/shaixuan')}",{id:id},function(data){
                        $(".erji").html('');
                        for(var i=0;i<data.length;i++){
                            html='<li class="erjinav" data-yi="'+data[i].id+'">'+data[i].name+'<span><img src="images/you.png" alt="" class="shaixuanimg"/></span></li>';
                            $(".erji").append(html);
                        }
                      },'json'); 
                });          
                 </script>
               <!-- 一级 END-->
               <!-- 二级 -->
                <ul class="grade-t erji" id="gradet">                   
                    <li >宁波<span><img src="images/you.png" alt="" class="shaixuanimg"/></span></li>
                </ul>
                <script>
                $(document).delegate('.erjinav',"click",function(){
                       var id=$(this).data('yi');
                      $.post("{:U('Index/shaixuan')}",{id:id},function(data){

                        $(".sanjinav").html('');
                        for(var i=0;i<data.length;i++){
                            html='<li><input type="submit" name="zi" class="sub" value="'+data[i].name+'"></li>';
                            $(".sanjinav").append(html);
                        }
                      },'json'); 
                });          
                 </script>
                 <!-- 二级 END-->
              <style>
              .sanjinav li{
                line-height: 1.32rem;
                font-size: 0.40625rem;
                padding-left: 0.8rem;
                border-bottom: solid 1px #eee;
                position: relative;               
              }
              </style>
                <ul class="grade-s" id="grades">
                    <form action="{:U('Index/sx')}" method="post">
                     <div class="sanjinav">
                    <li><input type="submit"  class="sub" value=""></li>
                    </div>
                     </form>
                </ul>
             
            </div>
            <!-- End grade -->
            <!-- Category -->
            <?php
                $filter_prise = M('links')->where('lid=22')->select();     
                $filter_layout = M('links')->where('lid=23')->select();           
            ?>
            <!-- 价格 -->
            <div class="Category-eject">
               
                <ul class="Category-w" id="Categorytw">
               <form action="{:U('Index/sxjunjia')}" method="post">
                 <div class="sanjinav">
                <li><input type="submit" class="sub" name="junjia" value="不限"></li>
                  {volist name="filter_prise" id="data"}
                    <li><input type="submit" class="sub" name="junjia" value="{$data.name}"></li>
                  {/volist}
                   </div>
                  </form>
                </ul>
                 
            </div>
            <!-- End Category -->
            <!-- Category -->
            <!-- 户型筛选 -->
            <div class="Sort-eject">
                <ul class="Sort-Sort" id="Sort-Sort">
                <form action="{:U('Index/sx')}" method="post">
                 <div class="sanjinav">
                <li><input type="submit" class="sub" name="zi" value="不限"></li>                   
                <li><input type="submit" class="sub" name="zi" value="不限"></li>                   
                   {volist name="filter_layout" id="data"}
                    <li><input type="submit" class="sub" name="zi" value="{$data.name}"></li>
                  {/volist} 
                   </div>
                  </form>                                    
                </ul>
            </div>
            <!-- End Category -->
            <!--更多-->
            <div class="meishi22">
                <ul class="meishia-w" id="meishia">
                <li class="gengduo" data-yi="26">房屋类型<span><img src="images/you.png" class="shaixuanimg"/></span></li>
                <li class="gengduo" data-yi="27">产权年限<span><img src="images/you.png" class="shaixuanimg"/></span></li>
                <li class="gengduo"data-yi="28">开盘时间<span><img src="images/you.png" class="shaixuanimg"/></span></li>
                </ul>
                <ul class="meishia-t" id="meishib">
                    <form action="{:U('Index/sx')}" method="post">
                     <div class="sanjinav">
                    <li><input type="submit"  class="sub" value=""></li>
                    </div>
                     </form>
                </ul>

                <script>
                $(".gengduo").click(function(){
                       var id=$(this).data('yi');
                      $.post("{:U('Index/shaixungengduo')}",{lid:id},function(data){
                        $(".sanjinav").html('');
                        for(var i=0;i<data.length;i++){
                            html='<li><input type="submit" name="zi" class="sub" value="'+data[i].name+'"></li>';
                            $(".sanjinav").append(html);
                        }
                      },'json'); 
                });          
                 </script>                
            </div>

            <!--更多 end-->
            <!-- Category -->

            <!-- End Category -->
            <!-- demo-content -->


            <!--list end-->



        </div>
        <!--筛选 选择 end-->
        <!--内容-->
        <!--热门推荐-->
        <div class="hot p-l-25 p-r-25 p-t-27 p-b-27 clearFloat">
            <h3 class="screenh3 f28"><strong>热门推荐</strong></h3>
            <div class="hot-content">
                <ul class="clearFloat">


                      <!-- 楼盘 -->
                      {volist name='list' id="data"}
                                 <?php
                 $name['panid']=$data['id'];
                 $name['lock']=0;
                 $other=M('coupon')->where($name)->count();
               ?>                      
                        <li class="b-b-e6e6e6">
                            <div class="hto-img">
                                <a href="{:U('Index/loupan_content',array('id'=>$data['id']))}">
                                    <div class="hto-img-content m-r-16">
                                        <img src="UPLOADS/{$data.upload}" alt=""/>
                                    </div>
                                </a>
                                <div class="hto-p">
                                    <a href="{:U('Index/loupan_content',array('id'=>$data['id']))}">
                                        <h3 class="hto-ph3 m-b-5 f26">{$data.name}</h3>
                                        <p class="hto-title clearFloat f20"><span class="hto-mi">{$data.junjia}</span>{$data.dizhi} </p>
                                        <p class="hto-title clearFloat  f20">户型：{$data.huxing}</p>
                                        <div class="hto-hx clearFloat">
                                           {$data.biaoqian}
                                        </div>
                                        <!-- line -->

                                        <!-- line end -->
                                    </a>
                                      {if condition="$other neq 0"} 
                                    <a href="{:U('Index/seckill',array('id'=>$data['id']))}">
                                <div class="m-t-15 m-b-15 text-e6e6e6"><div class="b-d-b-e6e6e6" ></div></div>
                                        <div class="quan">
                                            <p class="hto-title clearFloat m-b-10 f20"><img src="images/quan.png" alt="" class="quanimg"/>一元秒杀房款券</p>
                                        </div>
                                    </a>
                                    {/if}
                                </div>
                            </div>
                        </li>
                    {/volist}
                    <!-- 楼盘 END -->
                </ul>
            </div>

        </div>

        <!--热门推荐 end-->

        <!--内容 end-->


    </div>

    <!--content end-->
    <!--返回顶部-->
    <a href="#" id="scrollUp" style="position: fixed; z-index: 10;">
        <i class="icon iconfont">&#xe60c;</i>
    </a>
    <!--返回顶部-->


</div>
<!--wapper end-->
</body>
</html>